<template lang="jade">
  div.filter_panel
    div.weui_media_box
      div.filter_type(v-for="(value, key, index) in filters", v-bind:key="index")
        H4 {{key}}
        div
          span(v-for="(valuee, keyy, indexx) in value", v-bind:key="keyy", @click.stop="onClickFilter(keyy, key)" v-bind:class="{fitler_selected: valuee}") {{keyy}}
</template>
<script>

export default {
  methods: {},
  computed: {},
  props: {
    filters: Object,
    onClickFilter: Function
  },
  watch: {},
  components: { },
  events: {},
  data() {
    return {}
  },
  mounted() {}
}
</script>
<style scoped>
.filter_panel {
  width: 100%;
  height: 100%;
}

.filter_panel span {
  display: inline-block;
  padding: 1px 5px;
  margin: 5px;
}

.fitler_selected {
  color: #04be02;
  border: 1px solid #04be02;
  border-radius: 5px;
}

</style>
